<template>
  <div id="infoof">
    <!-- 设置页面 -->
    <infoIn :trs="false">
      <template #Center> 设置 </template>
    </infoIn>
    <div class="content" @click="$router.push('/chongzhi')">
      <p></p>
      <p>设置密码</p>
      <p></p>
    </div>
    <button @click="loginOut">退出</button>
  </div>
</template>

<script>
import infoIn from "@/views/infoin.vue";
export default {
  components: {
    infoIn,
  },
  data() {
    return {};
  },

  mounted() {},

  methods: {
    loginOut() {
      localStorage.removeItem("Token");
      this.$router.back();
    },
  },
};
</script>

<style lang="scss" scoped>
#infoof {
  height: 100vh;
  background: rgba(0, 0, 0, 0.3);
  font-size: 20px;
  button {
    width: 100%;
    height: 50px;
    margin-top: 20px;
    border: none;
    border-radius: 20px;
    background: url("@/assets/email/login-btn.png") no-repeat 100%;
  }
}
.content {
  display: flex;
  justify-content: space-around;
  align-items: center;
  width: 100%;
  height: 50px;
  margin-top: 8px;
  background-color: white;
  p:nth-child(3) {
    width: 13px;
    height: 13px;
    border-top: 2px solid rgba(0, 0, 0, 0.3);
    border-left: 2px solid rgba(0, 0, 0, 0.3);
    transform: rotate(135deg);
  }
}
</style>